<template>
  <div>首页</div>
  <Button v-btn="UPDATE" type="primary">编辑</Button>
  <Button v-btn="DELETE" type="primary" danger>删除</Button>
  <Button v-btn="ADD" type="primary">添加</Button>
  <Button type="primary" @click="setPermission">修改角色</Button>
  <div contenteditable="true">123</div>
</template>

<script setup lang="ts">
import { userStore } from '@/store/userStore';
import { Button } from 'ant-design-vue';
import { UPDATE, DELETE, ADD } from '@/store/userStore';
const store = userStore();
const setPermission = () => {
  store.setUserPermissions('user');
};
</script>
<style scoped></style>
